//通过函数返回最新的Variable变量表 更新样式
const generateTabs = (Variables)=>{
    return {
        //标题栏高度
        TabsHeight:Variables.sizeHeightXl,
        //默认文字颜色
        normalTextColor:Variables.colorGray2,
        //默认文字大小
        normalTextFontSize:Variables.fontSizeS,
        //选中字体大小
        activeTextFontSize:Variables.fontSizeS,
        //默认文字字重
        normalTextFontWeight:Variables.fontWeightRegular,
        //选中文字字重
        activeTextFontWeight:Variables.fontWeightBold,
        //选中文字颜色
        activeTextColor:Variables.colorBrand5,
        //选中边框线高度
        activeBorderWidth:2,
        //选中圆角
        activeRadius:Variables.radiusRound,
        //选中边距颜色
        activeBottomColor:Variables.colorBrand5,
        //主题色
        themeColor:Variables.colorBrand5,
        //type为primary字体颜色
        primaryColor:Variables.colorWhite1
    }
}

const getTabsStyle =(Variables)=>{
    let TabsStyle = generateTabs(Variables)
    let styles = {
        flexContainer: {
            flexDirection: 'row',
            justifyContent: 'center',
            alignItems: 'center',
        },
        headerTabBtn: {
            // alignItems: 'center',
            justifyContent: 'center',
            backgroundColor: '#ffffff',
            borderBottomWidth: 1,
            borderStyle: 'solid',
            minWidth: 20
        },
        headerTabBtnActive: {
            // alignItems: 'center',
            justifyContent: 'center',
            borderStyle: 'solid',
            minWidth: 20
        },
        textColorActive: {
            color:TabsStyle.primaryColor
        }
        
    }
    return {
        TabsStyle,styles
    }
}

export { getTabsStyle }